<!--20210225 15:41-->
<div id="special-top-module">
  <div class="st_ul_box_title">
    <h2 class="title"><a id="id_st_title_a" href="#" target="_blank"> <span>if有链接</span></a></h2>
    <!--20210225-->
    <h2 class="title"><a href="javascript:"><span>else无连接</span></a></h2>
    <!--20210225 15:41-->
  </div>
  <ul id="id_st_ul">
    <!-- 图文类 -->
    <li type="1">
      <div class="underline">
        <i class="iconfont icon-bianjiwenzhang_huaban"></i>
        <h3 class="title">
          <a href="#" target="_blank">
            <span class="ul_box_li">if有链接</span>
          </a>
        </h3>
      </div>

      <!--20210225-->
      <h3 class="title"><a href="javascript:"><span class="ul_box_li">else无连接</span></a></h3>
      <!--20210225-->
    </li>
    <!-- 音频类 -->
    <li type="2">
      <div class="underline">
        <i class="iconfont icon-lianmaiyinleermai"></i>
        <h3 class="title">
          <a href="#" target="_blank">
            <span class="ul_box_li">if有链接</span>
          </a>
        </h3>
      </div>


      <!--20210225-->
      <h3 class="title"><a href="javascript:"><span class="ul_box_li">else无连接</span></a></h3>
      <!--20210225-->
    </li>
    <!-- 视频类 -->
    <li type="3">
      <div class="underline">
        <i class="iconfont icon-shipinbofang"></i>
        <h3 class="title">
          <a href="#" target="_blank">
            <span class="ul_box_li">if有链接</span>
          </a>
        </h3>
      </div>

      <!--20210225-->
      <h3 class="title"><a href="javascript:"><span class="ul_box_li">else无连接</span></a></h3>
      <!--20210225-->
    </li>
    <!-- 专题类 -->
    <li type="4">
      <div class="underline">
        <i class="iconfont icon-icon_xinyong_xianxing_jijin-"></i>
        <h3 class="title">
          <a href="#" target="_blank">
            <span class="ul_box_li">if有链接</span>
          </a>
        </h3>
      </div>

      <!--20210225-->
      <h3 class="title"><a href="javascript:"><span class="ul_box_li">else无连接</span></a></h3>
      <!--20210225-->
    </li>
  </ul>

</div>

<script>
  $(function () {
    //大标题无连接时鼠标经过变箭头有链接时鼠标经过变手
    var $id_st_title_a = $('#id_st_title_a');
    //大标题和列表中点击后页面内存记录并显示已点样式
    $id_st_title_a.click(function () {
      $(this).children('span').css("color", "#666666");
    });
    var $id_st_ul_li_a = $('#id_st_ul li a');
    $id_st_ul_li_a.click(function () {
      $(this).children('span').css("color", "#999999");
    });

    /*    //更新页列表数据
        var $id_st_ul = $('#id_st_ul')[0];
        var setUlByItem = function (items) {
            var bufHtml = ""; // 声明一个空字符串容器
            for (var k of items) { // 循环遍历数组 拼接li标签部分和字符串内容
                bufHtml +=
                    '            <li>' +
                    '                 <i class="iconfont icon-shejiwenzhang"></i>' +
                    '                 <a href="' + k.channelUrl + '" target="_blank"><span class="ul_box_li">' + k.channelName + '</span></a>' +//if有链接<!--20210225-->
                    '                 <a href="javascript:"><span class="ul_box_li">' + k.channelName + '</span></a>' +//else无连接<!--20210225-->
                    '            </li>';
            }
            $id_st_ul.innerHTML = bufHtml;
        }
        // //联网获取一页数据
        // setUlByItem(obj.data.list);*/
  });
</script>